<template>
	<view class="page">
		<view class="pageBg">
			<image src="https://bjsx.gzwhir.com/admin-api/infra/file/18/get/memberbg2.png" mode="aspectFill"></image>
		</view>
		<view class="flex0">
			<u-navbar :fixed='false' bgColor="transparent" @leftClick="navBack" title="安全告知书">
				<view slot="center" class="navTitle">
					安全告知书
				</view>
			</u-navbar>
		</view>
		<view class="flex1">
			<scroll-view scroll-y="true" class="scrollView pt30">
				<view class="pd30">
					<view class="noticeTemplate">
						<view class="tit">
							学生心理健康状况告知书
						</view>
						<view class="content">
							<view>尊敬的【{{info.parentName}}】: </view>
							<view>
								<text>&nbsp;&nbsp;&nbsp;&nbsp;您好!经了解，您的孩子</text>
								<view class="input">{{info.name}}</view>
								<text>同学,(年级</text>
								<view class="input">{{info.grade}}</view>
								<text>班级</text>
								<view class="input">{{info.class}}</view>
								<text>学号</text>
								<view class="input">{{info.classNo}}</view>
								<text>在</text>
								<view class="input">{{info.school}}</view>
								<text>(学校)就学期间，因</text>
								<view class="input">{{info.observer}}</view>
								<text>发现其有</text>
								<view class="input">{{info.behavior}}</view>
								<text>行为。(需要记录其认知、情绪、行为、意志等精神状况。)</text>
							</view>
							<view>
								<text>
									&nbsp;&nbsp;&nbsp;&nbsp;学校已启动心理干预的三级预防系统（学生陪同、教师关注、辅导老师疏导、学校通知监护
									人），在本阶段尽到了相应的监管职责，在该省未消除自杀(抑郁、躁狂等)意念及行为企图前，如果该生坚持在学校继续学习，其风险程度会升高。本着对学生生命负责的态度，建议监护人应陪同该生前往
								</text>
								<view class="input">{{info.advise}}</view>
								<text>
									(医院)或者综合医院心理科做心理健康状况的评估，看其是否适合继续学业。专业医院的评估对于学校后续给该生提供有针对性的教育环境至关重要，敬请家长重视该生的心理问题，及时就医，并在就医后向学校心理老师反馈结果。如您有就医或转介至社会专业心理咨询机构获得建议的需求，学校会给予相应的建议。感谢您对学校工作的理解，如诊断后有抑郁状态等类似评估，为保障学生安全，不建议留校住宿。
								</text>
							</view>
							<view style="text-align:right;">
								<view class="input">{{info.resource}}</view>
								<text>学校</text>
							</view>
							<view style="text-align:right;">
								{{info.date|dateFormate('YYYY年MM月DD日')}}
							</view>
						</view>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	export default {
		onShow: function() {
			var pages = getCurrentPages();
			var page = pages[pages.length - 1];
			if (page.options['id']) {
				this.$data.itemid = page.options['id'];
				this.getInfo();
			}
		},
		data() {
			return {
				show: false,
				itemid: '101',
				info: '',
				date: new Date().getTime()
			}
		},
		watch: {
			itemid: function() {
				this.getInfo();
			}
		},
		methods: {
			getInfo() {
				var that = this;
				if (that.itemid) {
					var res = {
						parentName:'刘大美',
						name: '刘美美',
						grade: '七年级',
						class: '一班',
						classNo: '19089033874646362',
						school: '北京市海淀一中',
						observer: '',
						behavior: '',
						advise: '',
						resource: 'XXXXXX',
						date:'2024/09/15'
					};
					that.info = res;
				}
			}
		},
		mounted() {
			
		}
	}
</script>

<style lang="scss" scoped>
	.noticeTemplate {
		padding: 50rpx 30rpx;
		background:#fff;
		border-radius: 30rpx;
		.tit{
			text-align:center;
			font-size:36rpx;
			margin-bottom:30rpx;
			color: #65554d;
		}
		.content{
			color:#65554d;
			font-size:28rpx;
			line-height:68rpx;
			.input{
				display: inline-block;
				vertical-align:middle;
				height:68rpx;
				padding: 0 1em;
				min-width: 100rpx;
				border-bottom: 1rpx solid #65554d;
				input{
					width: 100%;
					height:68rpx;
					padding: 0 10rpx;
					box-sizing:border-box;
				}
			}
		}
	}

	.ftools {
		padding-top: 40rpx;
		padding-bottom: 60rpx;
		background: #fff;
		border-radius: 30rpx 30rpx 0 0;
		display: flex;
		align-items: center;
		.btn {
			flex: 0 0 auto;
			font-size: 28rpx;
			padding: 0 30rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #fe9c29;
			background: #ffefdd;
			height: 90rpx;
			border-radius: 90rpx;
			margin-right: 20rpx;
			.ico {
				flex: 0 0 auto;
				margin-right: 20rpx;
				image {
					display: block;
					width: 34rpx;
					height: 34rpx;
				}
			}
			&.on {
				background: #fe9c29;
				color: #fff;
				flex: 1 1 auto;
			}
			&:last-child {
				margin-right: 0;
			}
		}
	}
</style>